<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        二当家的Lay1.0
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="/static/css/x-admin.css" media="all">
       <#-- <link rel="stylesheet" href="/static/lib/layui/css/layui.css" media="all">-->
    </head>
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>日志管理</cite></a>
              <a><cite>日志列表</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
        </div>
        <div class="x-body">

                <div class="layui-form-pane" style="margin-top: 15px;">
                    <div class="layui-form-item">
                        <label class="layui-form-label">日期范围</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" placeholder="开始日" id="LAY_demorange_s">
                        </div>
                        <div class="layui-input-inline">
                            <input class="layui-input" placeholder="截止日" id="LAY_demorange_e">
                        </div>
                        <label class="layui-form-label">查询条件</label>
                        <div class="layui-input-inline">
                            <select class="layui-input" id="type" name="type" lay-filter="aihao" style="display: block;width: 110px;height: 39px;margin-left: 15px">
                                <option value="all">全部</option>
                                <option value="byid">编号</option>
                                <option value="orgname">机构名称</option>
                                <option value="orgkindname">机构级别</option>
                                <option value="ownername">日志所属人</option>
                                <option value="contactname">联系人</option>
                                <option value="opername">负责人</option>
                                <option value="loglevel">日志等级</option>
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" name="keyword" id="keyword"  placeholder="请输入查询条件" class="layui-input" style="margin-left: -60px">
                        </div>
                        <div class="layui-input-inline" style="width:80px">
                            <button class="layui-btn"  id="search" style="margin-left: -120px"><i class="layui-icon">&#xe615;</i></button>
                        </div>
                    </div>
                </div>


            <xblock><#--<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button>--><button class="layui-btn" onclick="member_add('新增日志','/handlelog/addlog','800','600')"><i class="layui-icon">&#xe608;</i>添加</button>&nbsp;&nbsp;<button id="export"class="layui-btn">导出EXCEL</button>
                <div class="layui-input-inline x-right"  >
                    <label class="layui-form-label" style="width: auto">每页显示条数：</label>
                <select class="layui-input" id="pagesize" name="pagesize" lay-filter="aihao" style="display: block;width: 110px;height: 39px;margin-left: 15px">
                    <option value="2">2</option>
                    <option value="5">5</option>
                    <option value="10">10</option>
                    </select>
                </div>
                    <span class="x-right" style="line-height:40px" id="totaldata"></span></xblock>
            <table class="layui-table" id="app">
                <thead>
                    <tr>
                        <#--<th>
                            <input type="checkbox" name="" value="">
                        </th>-->
                        <th>编号</th>
                        <th>机构名称</th>
                        <th>机构级别</th>
                        <th>日志所属人</th>
                        <th>联系人</th>
                        <th>负责人</th>
                        <th>日志日期</th>
                        <th>日志等级</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="tbd">

                </tbody>
            </table>

            <div id="page" ></div>
            <input id="currpage" type="hidden" name="currpage"/>
        </div>
        <script src="/static/lib/layui/layui.js" charset="utf-8"></script>
        <script src="/static/js/x-layui.js" charset="utf-8"></script>
        <script src="/static/js/jquery.min.js" ></script>
        <script>


            layui.use(['laydate','element','laypage','layer'], function(){
                $ = layui.jquery;//jquery
              laydate = layui.laydate;//日期插件
              lement = layui.element();//面包导航
              laypage = layui.laypage;//分页
              layer = layui.layer;//弹出层
                var a=1;
                function sss(){
                    $("#search").click();
                }

                function demo(curr){
                        laypage({
                            cont: 'page', //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div>
                            pages: a, //通过后台拿到的总页数
                            curr: curr|| 1, //当前页
                            jump: function(obj, first){ //触发分页后的回调
                                if(!first){ //点击跳页触发函数自身，并传递当前页：obj.curr
                                    demo(obj.curr);
                                }
                        }
                    })
                    $("#currpage").val(curr);
                }

<!--异步加载列表-->
$("#page").click(function () {
    $.ajax({
        type:"post",
        dataType:"json",
        data : {
            "startdate":$("#LAY_demorange_s").val(),
            "enddate":$("#LAY_demorange_e").val(),
            "type":$("#type").val(),
            "keyword":$("#keyword").val(),
            "currpage":$("#currpage").val(),
            "pagesize":$("#pagesize").val()
        },
        url : "/handlelog/getlogs",
        success : function(data) {
            var s="";
            $.each(data,function(v,o){
                s+='<tr><td>'+o.id+'</td>';
                s+='<td>'+o.orgName+'</td>';
                s+='<td>'+o.orgKindName+'</td>';
                s+='<td>'+o.ownerName+'</td>';
                s+='<td>'+o.contactName+'</td>';
                s+='<td>'+o.operName+'</td>';
                s+='<td>'+o.datostr+'</td>';
                s+='<td>'+o.levelName+'</td>';
                s+="<td ><a title=编辑 onclick=member_edit("+o.id+")> <i class=layui-icon>&#xe642;</i></a> <a title=删除 onclick=member_del(this,"+o.id+")><i class=layui-icon>&#xe640;</i> </a> <a title=编辑 onclick=member_show("+o.id+")> <i class=layui-icon>&#xe615;</i>";
            });
            $("#tbd").html(s);
            }
        })
})
                $("#pagesize").change(function () {
                     <!--变换页面显示条数时定位到第一页-->
                    $("#currpage").val(1);
                    $("#search").click();
                    $.ajax({
                        type:"post",
                        dataType:"json",
                        data : {
                            "startdate":$("#LAY_demorange_s").val(),
                             "enddate":$("#LAY_demorange_e").val(),
                            "type":$("#type").val(),
                            "keyword":$("#keyword").val(),
                            "currpage":$("#currpage").val(),
                            "pagesize":$("#pagesize").val()
                        },
                        url : "/handlelog/getlogs",
                        success : function(data) {
                            var s="";
                            $.each(data,function(v,o){
                                s+='<tr><td>'+o.id+'</td>';
                                s+='<td>'+o.orgName+'</td>';
                                s+='<td>'+o.orgKindName+'</td>';
                                s+='<td>'+o.ownerName+'</td>';
                                s+='<td>'+o.contactName+'</td>';
                                s+='<td>'+o.operName+'</td>';
                                s+='<td>'+o.datostr+'</td>';
                                s+='<td>'+o.levelName+'</td>';
                                s+="<td ><a title=编辑 onclick=member_edit("+o.id+")> <i class=layui-icon>&#xe642;</i></a> <a title=删除 onclick=member_del(this,"+o.id+")><i class=layui-icon>&#xe640;</i> </a> <a title=编辑 onclick=member_show("+o.id+")> <i class=layui-icon>&#xe615;</i>";
                            });
                            $("#tbd").html(s);
                        }
                    })
                })


$("#search").click(function () {
    <!--获取总页数以及数据总条数-->
    $.ajax({
        type:"post",
        dataType:"json",
        data : {
            "startdate":$("#LAY_demorange_s").val(),
             "enddate":$("#LAY_demorange_e").val(),
            "type":$("#type").val(),
            "keyword":$("#keyword").val(),
            "pagesize":$("#pagesize").val()
        },
        url : "/handlelog/gettotalinfo",
        success:function (data) {
            $("#totaldata").html("共有数据"+data.totalData+"条");
            a=data.totalPage;
            demo();
        }
    });

    $("#export").click(function () {

        window.location.href="/handlelog/exportexcel?startdate="+$("#LAY_demorange_s").val()+"&&enddate="+$("#LAY_demorange_e").val()+"&&type="+$("#type").val()+"&&keyword="+$("#keyword").val();
    });
    <!--异步请求获取数据-->
    $.ajax({
        type:"POST",
        url:"/handlelog/getlogs",
        data:{
            "startdate":$("#LAY_demorange_s").val(),
             "enddate":$("#LAY_demorange_e").val(),
            "type":$("#type").val(),
            "keyword":$("#keyword").val(),
            "currpage":$("#currpage").val(),
            "pagesize":$("#pagesize").val()
        },
        success:function (data) {
            var s="";
            $.each(data,function(v,o){
                s+='<tr><td>'+o.id+'</td>';
                s+='<td>'+o.orgName+'</td>';
                s+='<td>'+o.orgKindName+'</td>';
                s+='<td>'+o.ownerName+'</td>';
                s+='<td>'+o.contactName+'</td>';
                s+='<td>'+o.operName+'</td>';
                s+='<td>'+o.datostr+'</td>';
                s+='<td>'+o.levelName+'</td>';
                s+="<td ><a title=编辑 onclick=member_edit("+o.id+")> <i class=layui-icon>&#xe642;</i></a> <a title=删除 onclick=member_del(this,"+o.id+")><i class=layui-icon>&#xe640;</i> </a> <a title=编辑 onclick=member_show("+o.id+")> <i class=layui-icon>&#xe615;</i>";
            });
            $("#tbd").html(s);
        }
    });
});

                var start = {
                min: '1899-06-16 23:59:59'
                ,max: '2099-06-16 23:59:59'
                ,istoday: false
                ,choose: function(datas){
                  end.min = datas; //开始日选好后，重置结束日的最小日期
                  end.start = datas //将结束日的初始值设定为开始日
                }
              };

              var end = {
                min: '1899-06-16 23:59:59'
                ,max: '2099-06-16 23:59:59'
                ,istoday: false
                ,choose: function(datas){
                  start.max = datas; //结束日选好后，重置开始日的最大日期
                }
              };

              document.getElementById('LAY_demorange_s').onclick = function(){
                start.elem = this;
                laydate(start);
              }
              document.getElementById('LAY_demorange_e').onclick = function(){
                end.elem = this;
                laydate(end);
              }
                sss();
            });

            //批量删除提交
             function delAll () {
                layer.confirm('确认要删除吗？',function(index){
                    //捉到所有被选中的，发异步进行删除
                    layer.msg('删除成功', {icon: 1});
                });
             }
             /*用户-添加*/
            function member_add(title,url,w,h){
                x_admin_show(title,url,w,h);
            }
            /*用户-查看*/
            function member_show(id){
                var title = "查看日志";
                var url="/handlelog/logdetails?id="+id;
                var w = "800";
                var h="600";
                x_admin_show(title,url,w,h);
            }

            /*编辑*/
            function member_edit (id) {
                var title = "编辑日志";
                var url="/handlelog/updatelog?id="+id;
                var w = "600";
                var h="500";
                x_admin_show(title,url,w,h);
            }
            /*修改*/
            function member_password(title,url,id,w,h){
                x_admin_show(title,url,w,h);
            }

            /*删除*/
            function member_del(obj,id){
                layer.confirm('确认要删除吗？',function(index){
                    $(obj).parents("tr").remove();
                    //发异步删除数据
                    $.ajax({
                        type:"GET",
                        url:"/handlelog/dellog",
                        data:"id="+id
                    });
                    layer.msg('已删除!',{icon:1,time:1000});
                    $("#search").click();
                });
            }


            </script>
        <script>

        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();

        </script>
    </body>
</html>